@layout("/common/_container.html"){
<link rel="stylesheet" type="text/css" href="${ctxPath}/static/modular/fileManage/picture/selectImg.css"/>
<link rel="stylesheet" type="text/css" href="${ctxPath}/static/modular/fileManage/picture/iconfont.css"/>
<!--分页插件-->
<link href="${ctxPath}/static/modular/fileManage/picture/myPage.css" rel="stylesheet" type="text/css"/>

<!-- 大图样式 -->
<style>
    #tooltip {
        position: absolute;
        border: 1px solid #ccc;
        background: #333;
        padding: 2px;
        display: none;
        color: #fff;
    }
</style>
<div class="row">
    <div class="col-sm-12">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <!--保存茶叶基本信息-->
                @if(has(teaIteam)){
                    <h5>${teaIteam.name}</h5>
                    <input type="hidden" id="itemId" runat="server" value="${teaIteam.id}"/>
                @}
                <!--保存冲泡方式基本信息-->
                @if(has(brewsIteam)){
                    <h5>${brewsIteam.name}</h5>
                    <input type="hidden" id="itemId" runat="server" value="${brewsIteam.id}"/>
                @}
                @if(has(label)){
                <input type="hidden" id="label" runat="server" value="${label}" />
                @}
                @if(has(sequence)){
                    <input type="hidden" id="sequence" runat="server" value="${sequence}" />
                @}
                <!--打开方式-->
                <input type="hidden" id="openType" runat="server" value="${openType}" />
            </div>
            <div class="ibox-content">
                <div class="row row-lg">
                    <div class="col-sm-12">
                        <div class="col-sm-12">
                            <div class="col-lg-10 col-sm-9">
                                <div class="row">
                                    <div class="col-lg-4 col-sm-12">
                                        <#NameCon id="condition" name="关键字" placeholder="图片名称/标签"/>
                                    </div>
                                    <div class="col-lg-4 col-sm-6">
                                        <#TimeCon id="beginTime" name="开始日期" isTime="false" pattern="YYYY-MM-DD"/>
                                    </div>
                                    <div class="col-lg-4 col-sm-6">
                                        <#TimeCon id="endTime" name="结束日期" isTime="false" pattern="YYYY-MM-DD" />
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-sm-3">
                                <div class="row">
                                    <div class="col-lg-12 col-sm-12">
                                        <#button name="搜索" icon="fa-search" clickFun="Picture.search()"/>
                                        <#button name="重置" icon="fa-refresh" clickFun="Picture.resetSearch()" space="true"/>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="hidden-xs" id="PictureTableToolbar" role="group">
                            <#button name="确认选择" icon="fa-plus" clickFun="Picture.selector()" space="true"/>
                            <#button name="取消选择" icon="fa-eraser" clickFun="selectImgTake.cancelInit('selectItemDiv')" space="true"/>
                        </div>

                        <!--图片DIV -->
                        <div class="selectImgDiv" id="selectItemDiv">
                            @for(picture in pageInfo.rows){
                            <div id="${picture.id}" class="item" ischecked="${picture.isChecked}" selSrc="${picture.src}">
                                <div class="img_show">
                                    <img src="${picture.src}"/>
                                </div>
                                <div class="img_title">${picture.originalName}</div>
                                <div class="img_isCheck">
                                    @if(picture.isChecked){
                                        <i class="iconfont icon-xuanzhong" style="display: block;"></i>
                                    @}else{
                                        <i class="iconfont icon-xuanzhong" ></i>
                                    @}

                                </div>
                            </div>
                            @}
                        </div>

                        <!-- 分页参数 -->
                        <div class="col-sm-12">
                            <form id="form1" runat="server">
                                <div>
                                </div>
                                <div>
                                    <ul class="pagination" id="pagination">
                                    </ul>
                                    <!--每页的记录数-->
                                    <input type="hidden" id="PageSize" runat="server" value="20" />
                                    <!-- 总页数 -->
                                    <input type="hidden" id="countindex" runat="server"/>
                                    <!--设置最多显示的页码数 可以手动设置 默认为7-->
                                    <input type="hidden" id="visiblePages" runat="server" value="7" />
                                    <!--总记录数-->
                                    <input type="hidden" id="total" runat="server" value="${pageInfo.total}" />
                                    <!-- 当前页码 -->
                                    <input type="hidden" id="currentPage" runat="server" value="1" />
                                </div>
                            </form>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript" src="${ctxPath}/static/modular/fileManage/picture/selectImg.js"></script>
<!--分页插件-->
<script src="${ctxPath}/static/js/plugins/jqPaginator/jqPaginator.min.js" type="text/javascript"></script>

<script src="${ctxPath}/static/modular/fileManage/picture/picture_selector.js"></script>
@}
